<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">


<html>

 <head>

    <meta charset="utf-8"/>
	<meta http-equiv="x-ua-compatible" content="ie=7" />
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
	<link rel="stylesheet" type="text/css" href="css/ShoppingCart.css"/>
	


 
 
 </head>



 <body>
 
    <!-- 头部-->
	<div class="header">
	   
	    <!-- 紫色头部-->
		<div class="Zheader">
		
		   <!-- 紫色居中-->
		   <div class="zcenter">
		        
				<!-- 收藏-->
		        <div class="HSC"><a href="#"><img src="images/HSC.jpg"/></a></div>
				
				<!-- 导航-->
				<div class="H-nav">
				
				    <p class="hello">您好！请<a href="SignIn.html">登陆</a></p>
					<p class="mianfeizc"><a href="Registered.html">免费注册</a></p>
					<p class="MYdd"><a href="MyOrder.html">我的订单</a></p>
					<p class="MyESTTILOS"><a href="MemberCenter.html">我的ESTTILOS<img  class="bottom-jiantou"  src="images/xiaoxiajiantou.jpg"/><a></p>
					<p class="ESTTILOSuser"><a href="MemberCenter.html">ESTILOS 会员</a></p>
					<p class="qiyeCG"><a href="#">企业采购</a></p>
					<p class="phoneESTTILOS"><a href="PhoneLogin.html"><img class="phone-s" src="images/phone-S.jpg"/>手机ESTTILOS<img class="bottom-jiantou"  src="images/xiaoxiajiantou.jpg"/><a></p>
					<p class="GZESTTILOS"><a href="#">关注ESTTILOS<img class="bottom-jiantou"  src="images/xiaoxiajiantou.jpg"/><a></p>
					<p class="kffw"><a href="#">客服服务<img class="bottom-jiantou"  src="images/xiaoxiajiantou.jpg"/><a></p>
					<p class="WZ-nav"><a href="#">网站导航</a></p>
				
				</div>
			
			
			</div>
		
		</div>
		
	    <!-- 白色头部-->
	    <div class="Bheader">
		     
			 <!-- 白色居中-->
		    <div class="bcenter">
			
			    
				<!-- 白色上半部分-->
				<div class="baiseT">
				
				    <!--  logo-->
				    <div class="logo"><img src="images/logo.jpg"/></div>
				
				    <!--搜索-->
				    <div class="SSH">
					
					
					    <!-- 搜索框盒子-->
					    <div class="SSKH">
						
						    <!-- 搜索框-->
							<input class="sousuoK" type="text" />
							
							
							<!-- 搜索按钮-->
							<input class="anniu" type="submit" value="搜索" />
						
					    </div>
					
					
					    <!-- 热门搜索-->
					    <div class="hotSSH">
						
						    <ul class="hotH">
							    
								<li><span class="hot-sousuo">热门搜索：</span><a href="#"  class="cooltj">潮流推荐</a></li>
								<li><a href="#">时尚尖货</a></li>
								<li><a href="#">新品上市</a></li>
								<li class="zuihou"><a href="#">百搭时装</a></li>
								
							
							</ul>
						
						
						</div>
					
				
				
				
				
				    </div>
					
					
					<div class="shopping-card"><a href="ShoppingCrat.html"><img src="images/shopping-card.jpg"/></a></div>
				
				
				
				</div>
				
				
				<!-- 白色下半部分-->
				<div class="baiseB">
				
				    <!--购物流程-->
					<div class="shopping-process">
					
					
					    <!--查看购物车-->
						<div class="view-shopping-cart"><a href="ShoppingCrat.html">
						
						
						    <p class="process-font"><span class="white-circle">1</span>查看购物车</p>
						
						
						
						
						</a></div>
						
						
						<!--确认订单信息-->
						<div class="Confirm-order-information"><a href="FirmOrder.html">
						
						    <p class="process-font-two"><span class="gray-circle">2</span>确认订单信息</p>
						   
						
						</a></div>
						
						
						<!--成功提交订单-->
						<div class="Confirm-order-information"><a href="OrderSuccess.html">
						
						    <p class="process-font-two"><span class="gray-circle">3</span>成功提交订单</p>
						   
						
						</a></div>
						
						
						
						<!--商品评论-->
						<div class="commodity-review"><a href="#">
						
						
						    <p class="process-font-three"><span class="gray-circle">4</span>商品评论</p>
						
						
						</a></div>
					
					
					
					</div>
					
					
					
					
				</div>
			
		
		    </div>
		
		</div>
	
	
	
	</div>
	
	
	<!-- 身体-->
	<div class="container">
	
	    <div class="Cventer">
		
		    <!--全部商品-->
			<div class="all-commodity">
			
			    <p>全部商品 4</p>
				
				<a href="#"><span>配送至： XX市XX区XX小区</span></a>
			
			
			</div>
			
			
			
			<!--全选标题-->
		    <div class="check-all-title">
			
			
			    <input class="xuan" type="checkbox"/>
			   
			   
			    <ul>
				
				    <li>多选</li>
					<li class="actlitwo">商品</li>
					<li class="actlithree">单价（元）</li>
					<li class="actlifour">数量</li>
					<li class="actlifive">小计（元）</li>
					<li class="actlifour">多选</li>
					
					
				
				</ul>
			
			
			</div>
			
			
			<!--小计店名-->
			<div class="shop-name">
			
			    <input class="xuans" type="checkbox"/>
				
				
				<p>ESTILOS女装旗舰店<img src="images/Yellow-bell.jpg"/></p>
				
				
				
				<ul>
				
				    <li class="snlione">599.00</li>
					<li class="snlitwo">减100.00</li>
				
				
				</ul>
			
			
			
			</div>
			
			
			<!--购物车-->
			<div class="shopping-cart-box">
			
			    
				<!--活动商品-->
				<div class="liquid-goods">
				
				    <div class="liquid-goods-icon"><p>满减</p></div>
					
					
					<em>活动商品已购满469.00元（<span>已减100.00元</span>）</em>
					
					
					<a href="#">去凑单＞</a>
				
				
				</div>
				
				
				<!--商品框-->
				<div class="commodity-frame">
				
				
				    
					<!--第一个商品-->
					<div class="commodity-one">
					
					    
						<!--选择-->
						<div class="select-box"><input class="xuans" type="checkbox"/></div>
						
						
						<!--图片-->
						<div class="commodity-img"><a href="ProductDetails.html"><img src="images/commodity-img-1.png"/></a></div>
						
						
						<!--商品信息-->
						<div class="commodity-informations">
						
						
						    <ul class="ci-ulone">
							
							    <li>韩版2015秋款时尚新品花样年华深蓝裙装</li>
								<li>套装 NJ2505② 深蓝M</li>
							
							
							</ul>
							
							
							
							<ul class="ci-ultwo">
							
							    <li>颜色：深蓝</li>
								<li>尺码：M</li>
							
							
							</ul>
						
						
						
						</div>
						
						
						
						<!--促销优惠-->
						<div class="promotional-offer">
						
						    <ul>
							
							    <li>199.00</li>
								<li><select class="promotional-offer-z"><option class="promotional-offer-z">双12</option class="promotional-offer-z"><option class="promotional-offer-z" selected="selected">促销优惠</option></select></li>
							
							</ul>
						
						
						
						</div>
						
						
						
						<!--数量-->
						<div class="number">
						
						    
							
							<!--数量变动盒子-->
							<div class="number-box">
							
							    
								<!--减号-->
								<input class="minus-sign" type="button" />
								
								
								
								<!-- 输入框-->
							    <input class="input-digit" type="text" value="1"/>
								
								
								
								
								<!--减号-->
								<input class="plus" type="button" />
								
								
							
							</div>
							
							
							
							<p>有货</p>
							
							
							
							
						
						
						</div>
						
						
						
						
						<!--小计-->
						<div class="subtotal"><p>199.00</p></div>
						
						
						
						
						<!--操作-->
						<div class="operation">
						
						
						    <ul>
							
							    <li><a href="#">删除</a></li>
								<li><a href="#">移到我的关注</a></li>
							
							
							</ul>
						
						
						</div>
						
					
					
					</div>
					
					
					
					
					
					<!--第二个商品-->
					<div class="commodity-one">
					
					
					    
						
						<!--选择-->
						<div class="select-box"><input class="xuans" type="checkbox"/></div>
						
						
						<!--图片-->
						<div class="commodity-img"><a href="ProductDetails.html"><img src="images/commodity-img-2.jpg"/></a></div>
						
						
						<!--商品信息-->
						<div class="commodity-informations">
						
						
						    <ul class="ci-ulone">
							
							    <li>韩版2015秋款时尚新品花样年华深蓝裙装</li>
								<li>套装 NJ2505② 深蓝M</li>
							
							
							</ul>
							
							
							
							<ul class="ci-ultwo">
							
							    <li>颜色：深蓝</li>
								<li>尺码：M</li>
							
							
							</ul>
						
						
						
						</div>
						
						
						
						<!--促销优惠-->
						<div class="promotional-offer">
						
						    <ul>
							
							    <li>199.00</li>
								<li><select class="promotional-offer-z"><option class="promotional-offer-z">双12</option class="promotional-offer-z"><option class="promotional-offer-z" selected="selected">促销优惠</option></select></li>
							
							</ul>
						
						
						
						</div>
						
						
						
						<!--数量-->
						<div class="number">
						
						    
							
							<!--数量变动盒子-->
							<div class="number-box">
							
							    
								<!--减号-->
								<input class="minus-sign" type="button" />
								
								
								
								<!-- 输入框-->
							    <input class="input-digit" type="text" value="1"/>
								
								
								
								
								<!--减号-->
								<input class="plus" type="button" />
								
								
							
							</div>
							
							
							
							<p>有货</p>
							
							
							
							
						
						
						</div>
						
						
						
						
						<!--小计-->
						<div class="subtotal"><p>199.00</p></div>
						
						
						
						
						<!--操作-->
						<div class="operation">
						
						
						    <ul>
							
							    <li><a href="#">删除</a></li>
								<li><a href="#">移到我的关注</a></li>
							
							
							</ul>
						
						
						</div>
					
					
					
					
					</div>
					
					<!--第三个商品-->
					<div class="commodity-one">
					
					
					    <!--选择-->
						<div class="select-box"><input class="xuans" type="checkbox"/></div>
						
						
						<!--图片-->
						<div class="commodity-img"><a href="ProductDetails.html"><img src="images/commodity-img-3.png"/></a></div>
						
						
						<!--商品信息-->
						<div class="commodity-informations">
						
						
						    <ul class="ci-ulone">
							
							    <li>韩版2015秋款时尚新品花样年华深蓝裙装</li>
								<li>套装 NJ2505② 深蓝M</li>
							
							
							</ul>
							
							
							
							<ul class="ci-ultwo">
							
							    <li>颜色：深蓝</li>
								<li>尺码：M</li>
							
							
							</ul>
						
						
						
						</div>
						
						
						
						<!--促销优惠-->
						<div class="promotional-offer">
						
						    <ul>
							
							    <li>199.00</li>
								<li><select class="promotional-offer-z"><option class="promotional-offer-z">双12</option class="promotional-offer-z"><option class="promotional-offer-z" selected="selected">促销优惠</option></select></li>
							
							</ul>
						
						
						
						</div>
						
						
						
						<!--数量-->
						<div class="number">
						
						    
							
							<!--数量变动盒子-->
							<div class="number-box">
							
							    
								<!--减号-->
								<input class="minus-sign" type="button" />
								
								
								
								<!-- 输入框-->
							    <input class="input-digit" type="text" value="1"/>
								
								
								
								
								<!--减号-->
								<input class="plus" type="button" />
								
								
							
							</div>
							
							
							
							<p>有货</p>
							
							
							
							
						
						
						</div>
						
						
						
						
						<!--小计-->
						<div class="subtotal"><p>199.00</p></div>
						
						
						
						
						<!--操作-->
						<div class="operation">
						
						
						    <ul>
							
							    <li><a href="#">删除</a></li>
								<li><a href="#">移到我的关注</a></li>
							
							
							</ul>
						
						
						</div>
					
					
					
					
					
					</div>
					
					<!--第四个商品-->
					<div class="commodity-one">
					
					
					    <!--选择-->
						<div class="select-box"><input class="xuans" type="checkbox"/></div>
						
						
						<!--图片-->
						<div class="commodity-img"><a href="#"><img src="images/commodity-img-4.png"/></a></div>
						
						
						<!--商品信息-->
						<div class="commodity-informations">
						
						
						    <ul class="ci-ulone">
							
							    <li>韩版2015秋款时尚新品花样年华深蓝裙装</li>
								<li>套装 NJ2505② 深蓝M</li>
							
							
							</ul>
							
							
							
							<ul class="ci-ultwo">
							
							    <li>颜色：深蓝</li>
								<li>尺码：M</li>
							
							
							</ul>
						
						
						
						</div>
						
						
						
						<!--促销优惠-->
						<div class="promotional-offer">
						
						    <ul>
							
							    <li>199.00</li>
								<li><select class="promotional-offer-z"><option class="promotional-offer-z">双12</option class="promotional-offer-z"><option class="promotional-offer-z" selected="selected">促销优惠</option></select></li>
							
							</ul>
						
						
						
						</div>
						
						
						
						<!--数量-->
						<div class="number">
						
						    
							
							<!--数量变动盒子-->
							<div class="number-box">
							
							    
								<!--减号-->
								<input class="minus-sign" type="button" />
								
								
								
								<!-- 输入框-->
							    <input class="input-digit" type="text" value="1"/>
								
								
								
								
								<!--减号-->
								<input class="plus" type="button" />
								
								
							
							</div>
							
							
							
							<p>有货</p>
							
							
							
							
						
						
						</div>
						
						
						
						
						<!--小计-->
						<div class="subtotal"><p>199.00</p></div>
						
						
						
						
						<!--操作-->
						<div class="operation">
						
						
						    <ul>
							
							    <li><a href="#">删除</a></li>
								<li><a href="#">移到我的关注</a></li>
							
							
							</ul>
						
						
						</div>
					
					
					
					</div>
					
					
				
				
				
				
				</div>
				
				
			
			
			
			</div>
			
			
			<!--结算-->
			<div class="balance">
			
			
			    
				<ul class="balance-ul">
				
				    <li class="balancelione">已选择<span>4</span>个商品 ^ 总价（不含运费）；<span class="span-two">￥599.00</span></li>
					
					
					
					<li class="balancelitwo">已节省；-￥100.00</li>
				
				
				
				</ul>
				
				
				
				<input class="balance-buttons" type="submit" value="去结算" />
			
			
			
			</div>
			
			
			
			
			<!--猜你喜欢-->
			<div class="guess-you-like">
			
			    
				<!--猜你喜欢标题-->
				<div class="gyltitle">
				
				
				    <!--猜你喜欢-->
					<div class="glyone"><a href="#">猜你喜欢</a></div>
					
					
					<!--其他盒子-->
					<div class="otherbox">
					
					    
						<!--精品推荐-->
						<div class="othertitle"><a href="#">精品推荐</a></div>
						
						
						<!--我的关注-->
						<div class="othertitle"><a href="#">我的关注</a></div>
						
						
						
						<!--最近浏览-->
						<div class="othertitle"><a href="#">最近浏览</a></div>
						
						
					
					
					</div>
					
					
					
					
				
				
				</div>
				
				
				
				
				<!--幻灯片盒子-->
				<div class="slidebox">
				
				
				    <!--左边箭头-->
					<div class="leftarrow"><a href="#"><img src="images/leftarrow.jpg"/></a></div>
					
					
					<!--商品1-->
					<div class="browse-goods">
					
					
					    <ul>
						
						    <li><a href="ProductDetails.html"><img src="images/browse-goods-img1.jpg"/></a></li>
							
							<li>韩版2015秋装新款橘色</li>
							
							<li>靓丽短裙</li>
							
							<li>￥ 166.00</li>
							
							
							<li><input class="slide-button" type="button" value="加入购物车" /></li>
						
						
						</ul>
					
					
					
					</div>
					
					
					<!--商品2-->
					<div class="browse-goods">
					
					
					    <ul>
						
						    <li><a href="ProductDetails.html"><img src="images/browse-goods-img2.jpg"/></a></li>
							
							<li>韩版2015秋装新款橘色</li>
							
							<li>靓丽短裙</li>
							
							<li>￥ 166.00</li>
							
							
							<li><input class="slide-button" type="button" value="加入购物车" /></li>
						
						
						</ul>
					
					
					</div>
					
					
					<!--商品3-->
					<div class="browse-goods">
					
					
					    <ul>
						
						    <li><a href="ProductDetails.html"><img src="images/browse-goods-img3.jpg"/></a></li>
							
							<li>韩版2015秋装新款橘色</li>
							
							<li>靓丽短裙</li>
							
							<li>￥ 166.00</li>
							
							
							<li><input class="slide-button" type="button" value="加入购物车" /></li>
						
						
						</ul>
					
					
					</div>
					
					
					<!--商品4-->
					<div class="browse-goods">
					
					
					    <ul>
						
						    <li><a href="ProductDetails.html"><img src="images/browse-goods-img4.jpg"/></a></li>
							
							<li>韩版2015秋装新款橘色</li>
							
							<li>靓丽短裙</li>
							
							<li>￥ 166.00</li>
							
							
							<li><input class="slide-button" type="button" value="加入购物车" /></li>
						
						
						</ul>
					
					
					</div>
					
					
					<!--商品5-->
					<div class="browse-goods-last">
					
					
					    <ul>
						
						    <li><a href="ProductDetails.html"><img src="images/browse-goods-img5.jpg"/></a></li>
							
							<li>韩版2015秋装新款橘色</li>
							
							<li>靓丽短裙</li>
							
							<li>￥ 166.00</li>
							
							
							<li><input class="slide-button" type="button" value="加入购物车" /></li>
						
						
						</ul>
					
					
					
					</div>
					
					
					
					
					
					<!--右边箭头-->
					<div class="rightarrow"><a href="#"><img src="images/rightarrow.jpg"/></a></div>
				
				
				
				
				</div>
				
				
				
				
				
			
			
			
			</div>
			
			
			
			
			
			
			
			
		
		</div>
	
	</div>
	
	
	<!-- 底部-->
	<div class="footer">
	
	
	    <div class="footer-center">
		
		    <div class="gray-footer">
			
			    <div class="four-views">
				
				    
					<ul>
					
					    <li><p>优<span>物有所值优质保障</span></p></li>
						<li><p>快<span>多仓直发闪电配送</span></p></li>
						<li><p>谦<span>物美价廉天天平价</span></p></li>
						<li><p>诚<span>诚信经营品牌保障</span></p></li>
					
					</ul>
					
					
					
				</div>
				<div class="five-views-district">
				
				    <div class="five-views">
					
					    <ul>
						
						    <li class="five-views-title">购物指南</li>
							<li><a href="#">购物流程</a></li>
							<li><a href="#">会员介绍</a></li>
							<li><a href="#">生活旅行/图狗</a></li>
							<li><a href="#">常见问题</a></li>
							<li><a href="#">联系客服</a></li>
							
						
						</ul>
						
						<ul>
						
						    <li class="five-views-title">配送方式</li>
							<li><a href="#">上门自提</a></li>
							<li><a href="#">211限时达</a></li>
							<li><a href="#">配送服务查询</a></li>
							<li><a href="#">配送费收取标准</a></li>
							<li><a href="#">海外配送</a></li>
							
						
						</ul>
						
						
						<ul>
						
						    <li class="five-views-title">支付方式</li>
							<li><a href="#">货到付款</a></li>
							<li><a href="#">售后服务</a></li>
							<li><a href="#">退款说明</a></li>
							<li><a href="#">返修/退换货</a></li>
							<li><a href="#">取消订单</a></li>
							
						
						</ul>
						
						
						<ul>
						
						    <li class="five-views-title">售后服务</li>
							<li><a href="#">货到付款</a></li>
							<li><a href="#">在线支付</a></li>
							<li><a href="#">分期付款</a></li>
							<li><a href="#">工行汇款</a></li>
							<li><a href="#">公司转账</a></li>
							
						
						</ul>
						
						
						<ul class="five-views-last">
						
						    <li class="five-views-title">特色服务</li>
							<li><a href="#">夺宝岛</a></li>
							<li><a href="#">DIY装机</a></li>
							<li><a href="#">茶叶E卡</a></li>
							<li><a href="#">延保服务</a></li>
							<li><a href="#">茶叶通信</a></li>
							
						
						</ul>
					
					
					</div>
					
					<div class="district">
					
					    <ul>
						
						    <li class="district-title">某公司自营覆盖区县</li>
							<li><img src="images/map.jpg"/></li>
							<li class="district-article">某公司已向全国2246个区县提供自营配送服务，支持货到付款和售后上门服务。</li>
							<li class="look"><a href="#">查看详情></a></li>
						
						</ul>
					
					</div>
				
				</div>
			 
			</div>
			
			<div class="purple-footer">
			
			
			    <div class="banquan">
				
				    <ul>
					
					    <li><a href="#">关于我们</a>  |  <a href="#">联系我们</a>  |  <a href="#">商家入驻</a>  |  <a href="#">营销中心</a>  |  <a href="#">友情链接</a>  |  <a href="#">销售联盟</a>  |  <a href="#">R2社区</a>  |  <a href="#">R2公益</a>  |  <a href="#">R2中心</a>  |  <a href="#">English Site</a>  |  <a href="#">Contact  Us</a>  </li>
						<li><a href="#">北京市公安局朝阳分局备案编号11010158988502659</a>  |  <a href="#">京ICP证0238859号</a>  |  <a href="#">互联网药品信息服务资格证编号（京）-经营性-2014-0008</a>  |  <a href="#">新出版京零 字第大1200007号</a></li>
						<li><a href="#">音像制品经营许可证苏宿批005号</a>  |  <a href="#">出版物经营许可证编号新出发（苏）批字第N-012号</a>  |  <a href="#">互联网出版许可证编号新出征（京）字150号</a></li>
						<li><a href="#">网路文化经营许可证证京网文 [2014]2148-384号</a>  <a href="#">违法和不良信息举报电话：4006561155</a>  <a href="#">Copyright * 2004-2015</a>  <a href="#">某某MD.com版权所有</a></li>
						<li>多迪旗下网站: <a href="#">360TOP</a>  <a href="#">拍拍网</a>  <a href="#">支付宝在线</a></li>
					
					
					</ul>
				
				</div>
				<div class="renzheng"><a><img src="images/renzheng.jpg"/></a></div>
				
				
		    </div>
			
			
		</div>
	
	
	</div>






 </body>




</html>